﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.0 发布页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_0_发布页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/2_0_发布页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u698" class="ax_default _一级标题">
        <div id="u698_div" class=""></div>
        <div id="u698_text" class="text ">
          <p><span>2. 发布页：FAB菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u699" class="ax_default _文本段落">
        <div id="u699_div" class=""></div>
        <div id="u699_text" class="text ">
          <p><span>使用者交互及设计：</span></p><p><span><br></span></p><p><span>1. 点击 “ + ” 号Icon，</span></p><p><span>激活FAB菜单，</span></p><p><span>弹出“丢失”和“捡到”两个选项。</span></p><p><span><br></span></p><p><span>2. 点击不同菜单，</span></p><p><span>分别弹出不一样的页面。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u700" class="ax_default _形状">
        <div id="u700_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u701" class="ax_default _形状">
        <div id="u701_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u702" class="ax_default _形状">
        <img id="u702_img" class="img " src="images/原型/u127.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u703" class="ax_default _形状">
        <img id="u703_img" class="img " src="images/原型/u128.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u704" class="ax_default _形状">
        <img id="u704_img" class="img " src="images/原型/u129.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u705" class="ax_default _形状">
        <img id="u705_img" class="img " src="images/原型/u130.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u706" class="ax_default _形状">
        <img id="u706_img" class="img " src="images/原型/u130.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u707" class="ax_default _形状">
        <img id="u707_img" class="img " src="images/原型/u130.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u708" class="ax_default ellipse">
        <img id="u708_img" class="img " src="images/原型/u133.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u709" class="ax_default _形状">
        <div id="u709_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u710" class="ax_default _形状">
        <img id="u710_img" class="img " src="images/原型/u145.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u711" class="ax_default _形状">
        <div id="u711_div" class=""></div>
        <div id="u711_text" class="text ">
          <p><span>捡到</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u712" class="ax_default _图片">
        <img id="u712_img" class="img " src="images/原型/u155.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u713" class="ax_default _形状">
        <div id="u713_div" class=""></div>
        <div id="u713_text" class="text ">
          <p><span>丢失</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u714" class="ax_default" data-left="59" data-top="226" data-width="373" data-height="170">

        <!-- 图片轮播 (动态面板) -->
        <div id="u715" class="ax_default" data-label="图片轮播">
          <div id="u715_state0" class="panel_state" data-label="图1" style="">
            <div id="u715_state0_content" class="panel_state_content">

              <!-- Unnamed (图片) -->
              <div id="u716" class="ax_default _图片">
                <img id="u716_img" class="img " src="images/原型/u157.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u717" class="ax_default box_2">
                <div id="u717_div" class=""></div>
                <div id="u717_text" class="text ">
                  <p><span>轮播图/广告位01</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u715_state1" class="panel_state" data-label="图2" style="visibility: hidden;">
            <div id="u715_state1_content" class="panel_state_content">

              <!-- Unnamed (图片) -->
              <div id="u718" class="ax_default _图片">
                <img id="u718_img" class="img " src="images/原型/u157.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u719" class="ax_default box_2">
                <div id="u719_div" class=""></div>
                <div id="u719_text" class="text ">
                  <p><span>轮播图/广告位02</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u715_state2" class="panel_state" data-label="图3" style="visibility: hidden;">
            <div id="u715_state2_content" class="panel_state_content">

              <!-- Unnamed (图片) -->
              <div id="u720" class="ax_default _图片">
                <img id="u720_img" class="img " src="images/原型/u157.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u721" class="ax_default box_2">
                <div id="u721_div" class=""></div>
                <div id="u721_text" class="text ">
                  <p><span>轮播图/广告位03</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u715_state3" class="panel_state" data-label="图4" style="visibility: hidden;">
            <div id="u715_state3_content" class="panel_state_content">

              <!-- Unnamed (图片) -->
              <div id="u722" class="ax_default _图片">
                <img id="u722_img" class="img " src="images/原型/u157.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u723" class="ax_default box_2">
                <div id="u723_div" class=""></div>
                <div id="u723_text" class="text ">
                  <p><span>轮播图/广告位04</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u715_state4" class="panel_state" data-label="图5" style="visibility: hidden;">
            <div id="u715_state4_content" class="panel_state_content">

              <!-- Unnamed (图片) -->
              <div id="u724" class="ax_default _图片">
                <img id="u724_img" class="img " src="images/原型/u157.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u725" class="ax_default box_2">
                <div id="u725_div" class=""></div>
                <div id="u725_text" class="text ">
                  <p><span>轮播图/广告位05</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u715_state5" class="panel_state" data-label="图6" style="visibility: hidden;">
            <div id="u715_state5_content" class="panel_state_content">

              <!-- Unnamed (图片) -->
              <div id="u726" class="ax_default _图片">
                <img id="u726_img" class="img " src="images/原型/u157.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u727" class="ax_default box_2">
                <div id="u727_div" class=""></div>
                <div id="u727_text" class="text ">
                  <p><span>轮播图/广告位06</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- 左 (形状) -->
        <div id="u728" class="ax_default icon" data-label="左">
          <img id="u728_img" class="img " src="images/1_0_首页/左_u533.png"/>
        </div>

        <!-- 右 (形状) -->
        <div id="u729" class="ax_default icon" data-label="右">
          <img id="u729_img" class="img " src="images/1_0_首页/右_u534.png"/>
        </div>

        <!-- 小圆点 (动态面板) -->
        <div id="u730" class="ax_default" data-label="小圆点">
          <div id="u730_state0" class="panel_state" data-label="1" style="">
            <div id="u730_state0_content" class="panel_state_content">

              <!-- Unnamed (组合) -->
              <div id="u731" class="ax_default" data-left="13" data-top="9" data-width="170" data-height="20">

                <!-- tab1 (椭圆形) -->
                <div id="u732" class="ax_default ellipse" data-label="tab1">
                  <img id="u732_img" class="img " src="images/1_0_首页/tab1_u537.png"/>
                  <div id="u732_text" class="text ">
                    <p><span>1</span></p>
                  </div>
                </div>

                <!-- tab2 (椭圆形) -->
                <div id="u733" class="ax_default ellipse" data-label="tab2">
                  <img id="u733_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                  <div id="u733_text" class="text ">
                    <p><span>2</span></p>
                  </div>
                </div>

                <!-- tab3 (椭圆形) -->
                <div id="u734" class="ax_default ellipse" data-label="tab3">
                  <img id="u734_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                  <div id="u734_text" class="text ">
                    <p><span>3</span></p>
                  </div>
                </div>

                <!-- tab4 (椭圆形) -->
                <div id="u735" class="ax_default ellipse" data-label="tab4">
                  <img id="u735_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                  <div id="u735_text" class="text ">
                    <p><span>4</span></p>
                  </div>
                </div>

                <!-- tab5 (椭圆形) -->
                <div id="u736" class="ax_default ellipse" data-label="tab5">
                  <img id="u736_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                  <div id="u736_text" class="text ">
                    <p><span>5</span></p>
                  </div>
                </div>

                <!-- tab6 (椭圆形) -->
                <div id="u737" class="ax_default ellipse" data-label="tab6">
                  <img id="u737_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                  <div id="u737_text" class="text ">
                    <p><span>6</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="u730_state1" class="panel_state" data-label="2" style="visibility: hidden;">
            <div id="u730_state1_content" class="panel_state_content">

              <!-- tab1 (椭圆形) -->
              <div id="u738" class="ax_default ellipse" data-label="tab1">
                <img id="u738_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab2 (椭圆形) -->
              <div id="u739" class="ax_default ellipse" data-label="tab2">
                <img id="u739_img" class="img " src="images/1_0_首页/tab2_u544.png"/>
              </div>

              <!-- tab3 (椭圆形) -->
              <div id="u740" class="ax_default ellipse" data-label="tab3">
                <img id="u740_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab4 (椭圆形) -->
              <div id="u741" class="ax_default ellipse" data-label="tab4">
                <img id="u741_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab5 (椭圆形) -->
              <div id="u742" class="ax_default ellipse" data-label="tab5">
                <img id="u742_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab6 (椭圆形) -->
              <div id="u743" class="ax_default ellipse" data-label="tab6">
                <img id="u743_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab1 (椭圆形) -->
              <div id="u744" class="ax_default ellipse" data-label="tab1">
                <img id="u744_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u744_text" class="text ">
                  <p><span>1</span></p>
                </div>
              </div>

              <!-- tab2 (椭圆形) -->
              <div id="u745" class="ax_default ellipse" data-label="tab2">
                <img id="u745_img" class="img " src="images/1_0_首页/tab1_u537.png"/>
                <div id="u745_text" class="text ">
                  <p><span>2</span></p>
                </div>
              </div>

              <!-- tab3 (椭圆形) -->
              <div id="u746" class="ax_default ellipse" data-label="tab3">
                <img id="u746_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u746_text" class="text ">
                  <p><span>3</span></p>
                </div>
              </div>

              <!-- tab4 (椭圆形) -->
              <div id="u747" class="ax_default ellipse" data-label="tab4">
                <img id="u747_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u747_text" class="text ">
                  <p><span>4</span></p>
                </div>
              </div>

              <!-- tab5 (椭圆形) -->
              <div id="u748" class="ax_default ellipse" data-label="tab5">
                <img id="u748_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u748_text" class="text ">
                  <p><span>5</span></p>
                </div>
              </div>

              <!-- tab6 (椭圆形) -->
              <div id="u749" class="ax_default ellipse" data-label="tab6">
                <img id="u749_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u749_text" class="text ">
                  <p><span>6</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u730_state2" class="panel_state" data-label="3" style="visibility: hidden;">
            <div id="u730_state2_content" class="panel_state_content">

              <!-- tab1 (椭圆形) -->
              <div id="u750" class="ax_default ellipse" data-label="tab1">
                <img id="u750_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab2 (椭圆形) -->
              <div id="u751" class="ax_default ellipse" data-label="tab2">
                <img id="u751_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab3 (椭圆形) -->
              <div id="u752" class="ax_default ellipse" data-label="tab3">
                <img id="u752_img" class="img " src="images/1_0_首页/tab2_u544.png"/>
              </div>

              <!-- tab4 (椭圆形) -->
              <div id="u753" class="ax_default ellipse" data-label="tab4">
                <img id="u753_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab5 (椭圆形) -->
              <div id="u754" class="ax_default ellipse" data-label="tab5">
                <img id="u754_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab6 (椭圆形) -->
              <div id="u755" class="ax_default ellipse" data-label="tab6">
                <img id="u755_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab1 (椭圆形) -->
              <div id="u756" class="ax_default ellipse" data-label="tab1">
                <img id="u756_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u756_text" class="text ">
                  <p><span>1</span></p>
                </div>
              </div>

              <!-- tab2 (椭圆形) -->
              <div id="u757" class="ax_default ellipse" data-label="tab2">
                <img id="u757_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u757_text" class="text ">
                  <p><span>2</span></p>
                </div>
              </div>

              <!-- tab3 (椭圆形) -->
              <div id="u758" class="ax_default ellipse" data-label="tab3">
                <img id="u758_img" class="img " src="images/1_0_首页/tab1_u537.png"/>
                <div id="u758_text" class="text ">
                  <p><span>3</span></p>
                </div>
              </div>

              <!-- tab4 (椭圆形) -->
              <div id="u759" class="ax_default ellipse" data-label="tab4">
                <img id="u759_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u759_text" class="text ">
                  <p><span>4</span></p>
                </div>
              </div>

              <!-- tab5 (椭圆形) -->
              <div id="u760" class="ax_default ellipse" data-label="tab5">
                <img id="u760_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u760_text" class="text ">
                  <p><span>5</span></p>
                </div>
              </div>

              <!-- tab6 (椭圆形) -->
              <div id="u761" class="ax_default ellipse" data-label="tab6">
                <img id="u761_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u761_text" class="text ">
                  <p><span>6</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u730_state3" class="panel_state" data-label="4" style="visibility: hidden;">
            <div id="u730_state3_content" class="panel_state_content">

              <!-- tab1 (椭圆形) -->
              <div id="u762" class="ax_default ellipse" data-label="tab1">
                <img id="u762_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab2 (椭圆形) -->
              <div id="u763" class="ax_default ellipse" data-label="tab2">
                <img id="u763_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab3 (椭圆形) -->
              <div id="u764" class="ax_default ellipse" data-label="tab3">
                <img id="u764_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab4 (椭圆形) -->
              <div id="u765" class="ax_default ellipse" data-label="tab4">
                <img id="u765_img" class="img " src="images/1_0_首页/tab2_u544.png"/>
              </div>

              <!-- tab5 (椭圆形) -->
              <div id="u766" class="ax_default ellipse" data-label="tab5">
                <img id="u766_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab6 (椭圆形) -->
              <div id="u767" class="ax_default ellipse" data-label="tab6">
                <img id="u767_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab1 (椭圆形) -->
              <div id="u768" class="ax_default ellipse" data-label="tab1">
                <img id="u768_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u768_text" class="text ">
                  <p><span>1</span></p>
                </div>
              </div>

              <!-- tab2 (椭圆形) -->
              <div id="u769" class="ax_default ellipse" data-label="tab2">
                <img id="u769_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u769_text" class="text ">
                  <p><span>2</span></p>
                </div>
              </div>

              <!-- tab3 (椭圆形) -->
              <div id="u770" class="ax_default ellipse" data-label="tab3">
                <img id="u770_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u770_text" class="text ">
                  <p><span>3</span></p>
                </div>
              </div>

              <!-- tab4 (椭圆形) -->
              <div id="u771" class="ax_default ellipse" data-label="tab4">
                <img id="u771_img" class="img " src="images/1_0_首页/tab1_u537.png"/>
                <div id="u771_text" class="text ">
                  <p><span>4</span></p>
                </div>
              </div>

              <!-- tab5 (椭圆形) -->
              <div id="u772" class="ax_default ellipse" data-label="tab5">
                <img id="u772_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u772_text" class="text ">
                  <p><span>5</span></p>
                </div>
              </div>

              <!-- tab6 (椭圆形) -->
              <div id="u773" class="ax_default ellipse" data-label="tab6">
                <img id="u773_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u773_text" class="text ">
                  <p><span>6</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u730_state4" class="panel_state" data-label="5" style="visibility: hidden;">
            <div id="u730_state4_content" class="panel_state_content">

              <!-- tab1 (椭圆形) -->
              <div id="u774" class="ax_default ellipse" data-label="tab1">
                <img id="u774_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab2 (椭圆形) -->
              <div id="u775" class="ax_default ellipse" data-label="tab2">
                <img id="u775_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab3 (椭圆形) -->
              <div id="u776" class="ax_default ellipse" data-label="tab3">
                <img id="u776_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab4 (椭圆形) -->
              <div id="u777" class="ax_default ellipse" data-label="tab4">
                <img id="u777_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab5 (椭圆形) -->
              <div id="u778" class="ax_default ellipse" data-label="tab5">
                <img id="u778_img" class="img " src="images/1_0_首页/tab2_u544.png"/>
              </div>

              <!-- tab6 (椭圆形) -->
              <div id="u779" class="ax_default ellipse" data-label="tab6">
                <img id="u779_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab1 (椭圆形) -->
              <div id="u780" class="ax_default ellipse" data-label="tab1">
                <img id="u780_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u780_text" class="text ">
                  <p><span>1</span></p>
                </div>
              </div>

              <!-- tab2 (椭圆形) -->
              <div id="u781" class="ax_default ellipse" data-label="tab2">
                <img id="u781_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u781_text" class="text ">
                  <p><span>2</span></p>
                </div>
              </div>

              <!-- tab3 (椭圆形) -->
              <div id="u782" class="ax_default ellipse" data-label="tab3">
                <img id="u782_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u782_text" class="text ">
                  <p><span>3</span></p>
                </div>
              </div>

              <!-- tab4 (椭圆形) -->
              <div id="u783" class="ax_default ellipse" data-label="tab4">
                <img id="u783_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u783_text" class="text ">
                  <p><span>4</span></p>
                </div>
              </div>

              <!-- tab5 (椭圆形) -->
              <div id="u784" class="ax_default ellipse" data-label="tab5">
                <img id="u784_img" class="img " src="images/1_0_首页/tab1_u537.png"/>
                <div id="u784_text" class="text ">
                  <p><span>5</span></p>
                </div>
              </div>

              <!-- tab6 (椭圆形) -->
              <div id="u785" class="ax_default ellipse" data-label="tab6">
                <img id="u785_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u785_text" class="text ">
                  <p><span>6</span></p>
                </div>
              </div>
            </div>
          </div>
          <div id="u730_state5" class="panel_state" data-label="6" style="visibility: hidden;">
            <div id="u730_state5_content" class="panel_state_content">

              <!-- tab1 (椭圆形) -->
              <div id="u786" class="ax_default ellipse" data-label="tab1">
                <img id="u786_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab2 (椭圆形) -->
              <div id="u787" class="ax_default ellipse" data-label="tab2">
                <img id="u787_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab3 (椭圆形) -->
              <div id="u788" class="ax_default ellipse" data-label="tab3">
                <img id="u788_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab4 (椭圆形) -->
              <div id="u789" class="ax_default ellipse" data-label="tab4">
                <img id="u789_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab5 (椭圆形) -->
              <div id="u790" class="ax_default ellipse" data-label="tab5">
                <img id="u790_img" class="img " src="images/1_0_首页/tab1_u543.png"/>
              </div>

              <!-- tab6 (椭圆形) -->
              <div id="u791" class="ax_default ellipse" data-label="tab6">
                <img id="u791_img" class="img " src="images/1_0_首页/tab2_u544.png"/>
              </div>

              <!-- tab1 (椭圆形) -->
              <div id="u792" class="ax_default ellipse" data-label="tab1">
                <img id="u792_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u792_text" class="text ">
                  <p><span>1</span></p>
                </div>
              </div>

              <!-- tab2 (椭圆形) -->
              <div id="u793" class="ax_default ellipse" data-label="tab2">
                <img id="u793_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u793_text" class="text ">
                  <p><span>2</span></p>
                </div>
              </div>

              <!-- tab3 (椭圆形) -->
              <div id="u794" class="ax_default ellipse" data-label="tab3">
                <img id="u794_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u794_text" class="text ">
                  <p><span>3</span></p>
                </div>
              </div>

              <!-- tab4 (椭圆形) -->
              <div id="u795" class="ax_default ellipse" data-label="tab4">
                <img id="u795_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u795_text" class="text ">
                  <p><span>4</span></p>
                </div>
              </div>

              <!-- tab5 (椭圆形) -->
              <div id="u796" class="ax_default ellipse" data-label="tab5">
                <img id="u796_img" class="img " src="images/1_0_首页/tab2_u538.png"/>
                <div id="u796_text" class="text ">
                  <p><span>5</span></p>
                </div>
              </div>

              <!-- tab6 (椭圆形) -->
              <div id="u797" class="ax_default ellipse" data-label="tab6">
                <img id="u797_img" class="img " src="images/1_0_首页/tab6_u602.png"/>
                <div id="u797_text" class="text ">
                  <p><span>6</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u798" class="ax_default _形状">
        <img id="u798_img" class="img " src="images/原型/u158.png"/>
        <div id="u798_text" class="text ">
          <p><span>搜索</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u799" class="ax_default">
        <div id="u799_state0" class="panel_state" data-label="丢失" style="">
          <div id="u799_state0_content" class="panel_state_content">

            <!-- Unnamed (组合) -->
            <div id="u800" class="ax_default" data-left="0" data-top="10" data-width="375" data-height="321">

              <!-- Unnamed (组合) -->
              <div id="u801" class="ax_default" data-left="0" data-top="190" data-width="375" data-height="141">

                <!-- Unnamed (矩形) -->
                <div id="u802" class="ax_default box_1">
                  <img id="u802_img" class="img " src="images/原型/u136.png"/>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u803" class="ax_default image">
                  <img id="u803_img" class="img " src="images/原型/u137.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u804" class="ax_default _三级标题">
                  <div id="u804_div" class=""></div>
                  <div id="u804_text" class="text ">
                    <p><span>姓名/昵称</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u805" class="ax_default _文本段落">
                  <div id="u805_div" class=""></div>
                  <div id="u805_text" class="text ">
                    <p><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. </span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u806" class="ax_default label">
                  <div id="u806_div" class=""></div>
                  <div id="u806_text" class="text ">
                    <p><span>2018-12-01</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u807" class="ax_default primary_button">
                  <div id="u807_div" class=""></div>
                  <div id="u807_text" class="text ">
                    <p><span>联系TA</span></p>
                  </div>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u808" class="ax_default image">
                  <img id="u808_img" class="img " src="images/原型/u142.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u809" class="ax_default label">
                  <div id="u809_div" class=""></div>
                  <div id="u809_text" class="text ">
                    <p><span>已寻回</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u810" class="ax_default" data-left="0" data-top="10" data-width="375" data-height="80">

                <!-- Unnamed (矩形) -->
                <div id="u811" class="ax_default box_1">
                  <img id="u811_img" class="img " src="images/原型/u160.png"/>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u812" class="ax_default image">
                  <img id="u812_img" class="img " src="images/原型/u137.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u813" class="ax_default _三级标题">
                  <div id="u813_div" class=""></div>
                  <div id="u813_text" class="text ">
                    <p><span>姓名/昵称</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u814" class="ax_default _文本段落">
                  <div id="u814_div" class=""></div>
                  <div id="u814_text" class="text ">
                    <p><span>丢失物品：饭卡</span></p><p><span>丢失地点：图书馆</span></p><p><span><br></span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u815" class="ax_default label">
                  <div id="u815_div" class=""></div>
                  <div id="u815_text" class="text ">
                    <p><span>2018-12-01</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u816" class="ax_default primary_button">
                  <div id="u816_div" class=""></div>
                  <div id="u816_text" class="text ">
                    <p><span>联系TA</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u817" class="ax_default label">
                  <div id="u817_div" class=""></div>
                  <div id="u817_text" class="text ">
                    <p><span>未寻回</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u818" class="ax_default" data-left="0" data-top="100" data-width="375" data-height="80">

                <!-- Unnamed (矩形) -->
                <div id="u819" class="ax_default box_1">
                  <img id="u819_img" class="img " src="images/原型/u160.png"/>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u820" class="ax_default image">
                  <img id="u820_img" class="img " src="images/原型/u137.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u821" class="ax_default _三级标题">
                  <div id="u821_div" class=""></div>
                  <div id="u821_text" class="text ">
                    <p><span>姓名/昵称</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u822" class="ax_default _文本段落">
                  <div id="u822_div" class=""></div>
                  <div id="u822_text" class="text ">
                    <p><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. </span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u823" class="ax_default label">
                  <div id="u823_div" class=""></div>
                  <div id="u823_text" class="text ">
                    <p><span>2018-12-01</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u824" class="ax_default primary_button">
                  <div id="u824_div" class=""></div>
                  <div id="u824_text" class="text ">
                    <p><span>联系TA</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u825" class="ax_default label">
                  <div id="u825_div" class=""></div>
                  <div id="u825_text" class="text ">
                    <p><span>未寻回</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u799_state1" class="panel_state" data-label="捡到" style="visibility: hidden;">
          <div id="u799_state1_content" class="panel_state_content">

            <!-- Unnamed (组合) -->
            <div id="u826" class="ax_default" data-left="0" data-top="10" data-width="375" data-height="321">

              <!-- Unnamed (组合) -->
              <div id="u827" class="ax_default" data-left="0" data-top="190" data-width="375" data-height="141">

                <!-- Unnamed (矩形) -->
                <div id="u828" class="ax_default box_1">
                  <img id="u828_img" class="img " src="images/原型/u136.png"/>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u829" class="ax_default image">
                  <img id="u829_img" class="img " src="images/原型/u137.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u830" class="ax_default _三级标题">
                  <div id="u830_div" class=""></div>
                  <div id="u830_text" class="text ">
                    <p><span>姓名/昵称</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u831" class="ax_default _文本段落">
                  <div id="u831_div" class=""></div>
                  <div id="u831_text" class="text ">
                    <p><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. </span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u832" class="ax_default label">
                  <div id="u832_div" class=""></div>
                  <div id="u832_text" class="text ">
                    <p><span>2018-12-01</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u833" class="ax_default primary_button">
                  <div id="u833_div" class=""></div>
                  <div id="u833_text" class="text ">
                    <p><span>联系TA</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u834" class="ax_default label">
                  <div id="u834_div" class=""></div>
                  <div id="u834_text" class="text ">
                    <p><span>已找到失主</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u835" class="ax_default" data-left="0" data-top="10" data-width="375" data-height="80">

                <!-- Unnamed (矩形) -->
                <div id="u836" class="ax_default box_1">
                  <img id="u836_img" class="img " src="images/原型/u160.png"/>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u837" class="ax_default image">
                  <img id="u837_img" class="img " src="images/原型/u137.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u838" class="ax_default _三级标题">
                  <div id="u838_div" class=""></div>
                  <div id="u838_text" class="text ">
                    <p><span>姓名/昵称</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u839" class="ax_default _文本段落">
                  <div id="u839_div" class=""></div>
                  <div id="u839_text" class="text ">
                    <p><span>捡到物品：手表</span></p><p><span>捡到地点：1-104</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u840" class="ax_default label">
                  <div id="u840_div" class=""></div>
                  <div id="u840_text" class="text ">
                    <p><span>2018-12-01</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u841" class="ax_default primary_button">
                  <div id="u841_div" class=""></div>
                  <div id="u841_text" class="text ">
                    <p><span>联系TA</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u842" class="ax_default label">
                  <div id="u842_div" class=""></div>
                  <div id="u842_text" class="text ">
                    <p><span>未寻回</span></p>
                  </div>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u843" class="ax_default" data-left="0" data-top="100" data-width="375" data-height="80">

                <!-- Unnamed (矩形) -->
                <div id="u844" class="ax_default box_1">
                  <img id="u844_img" class="img " src="images/原型/u160.png"/>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u845" class="ax_default image">
                  <img id="u845_img" class="img " src="images/原型/u137.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u846" class="ax_default _三级标题">
                  <div id="u846_div" class=""></div>
                  <div id="u846_text" class="text ">
                    <p><span>姓名/昵称</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u847" class="ax_default _文本段落">
                  <div id="u847_div" class=""></div>
                  <div id="u847_text" class="text ">
                    <p><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. </span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u848" class="ax_default label">
                  <div id="u848_div" class=""></div>
                  <div id="u848_text" class="text ">
                    <p><span>2018-12-01</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u849" class="ax_default primary_button">
                  <div id="u849_div" class=""></div>
                  <div id="u849_text" class="text ">
                    <p><span>联系TA</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u850" class="ax_default label">
                  <div id="u850_div" class=""></div>
                  <div id="u850_text" class="text ">
                    <p><span>未寻回</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u851" class="ax_default box_1">
        <img id="u851_img" class="img " src="images/原型/u144.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u852" class="ax_default" data-left="203" data-top="717" data-width="100" data-height="100">

        <!-- Unnamed (椭圆形) -->
        <div id="u853" class="ax_default ellipse">
          <img id="u853_img" class="img " src="images/原型/u147.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u854" class="ax_default icon">
          <img id="u854_img" class="img " src="images/原型/u148.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u855" class="ax_default _三级标题">
        <div id="u855_div" class=""></div>
        <div id="u855_text" class="text ">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u856" class="ax_default _三级标题">
        <div id="u856_div" class=""></div>
        <div id="u856_text" class="text ">
          <p><span>我的</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u857" class="ax_default line">
        <img id="u857_img" class="img " src="images/原型/u151.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u858" class="ax_default ellipse">
        <img id="u858_img" class="img " src="images/原型/u263.png"/>
        <div id="u858_text" class="text ">
          <p><span>丢失</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u859" class="ax_default ellipse">
        <img id="u859_img" class="img " src="images/原型/u263.png"/>
        <div id="u859_text" class="text ">
          <p><span>捡到</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
